/*
* ROYUI 后台主题框架
* version 1.0
*/
body{margin:0;padding:0}
ul,li{list-style:none;margin:0;padding:0}
a{text-decoration:none}
.royui-main{width:100%;height:100vh}
.royui-main .royui-top{width:100%;height:80px;background-color:#2f3e52}
.royui-main .royui-top .royui-icon{width:200px;height:80px;position:fixed}
.royui-main .royui-top .royui-modular{width:calc(100% - 200px);margin-left:200px;height:80px;line-height:80px}
.royui-main .royui-top .royui-modular a{text-decoration:none;margin:0 10px;padding:10px;color:#FFFFFF;border-radius:8px}
.royui-main .royui-top .royui-modular a:hover{background-color:#ff44aa;color:#FFFFFF}
.royui-main .royui-top .royui-modular a.royui-active{background-color:#ff44aa;color:#FFFFFF}
.royui-main .royui-left{width:10%;height:100%;position:fixed;font-size:14px;display: block;background-color:#2f3e52}
.royui-main .royui-left .royui-nav{width:90%;margin:0 auto;display:none}
.royui-main .royui-left .royui-nav .royui-nav-li{width:100%;min-height:40px;line-height:40px;color:#6A6A6A}
.royui-main .royui-left .royui-nav>li>a{text-decoration:none;color:#eaffea;width:100%;display:block}
.royui-main .royui-left .royui-nav .royui-nav-li-subset1{width:100%;min-height:40px;line-height:40px;color:#6A6A6A;background:url("icon/l.png") no-repeat 90% 12px;background-size:16px}
.royui-main .royui-left .royui-nav .royui-nav-li-subset2{width:100%;min-height:40px;line-height:40px;color:#6A6A6A;background:url("icon/r.png") no-repeat 90% 12px;background-size:16px}
.royui-main .royui-left .royui-nav .royui-nav-subset1{width:78%;margin:0 auto;display:none}
.royui-main .royui-left .royui-nav .royui-nav-subset{width:78%;margin:0 auto}
.royui-main .royui-left .royui-nav .royui-nav-li2{width:100%;height:40px;line-height:40px}
.royui-main .royui-left .royui-nav li a.royui-menu-item{text-decoration:none;color:#eaffea;width:100%;display:block}
.royui-main .royui-right{height:calc(90%);margin-left:10%;background-color: #efefef}
.royui-main .royui-right .royui-iframe{border:none}
/*子页样式*/
.royui-body{width:98%;padding: 12px 1%}
.royui-td-control{width:200px;padding:0 10px}
.royui-td-btn{width:100px;padding:0 10px}
.royui-w10{width:100%}
.royui-w09{width:90%;display:inline-block;margin:0;padding:0}
.royui-w08{width:80%;display:inline-block;margin:0;padding:0}
.royui-w07{width:70%;display:inline-block;margin:0;padding:0}
.royui-w06{width:60%;display:inline-block;margin:0;padding:0}
.royui-w05{width:50%;display:inline-block;margin:0;padding:0}
.royui-w04{width:40%;display:inline-block;margin:0;padding:0}
.royui-w03{width:30%;display:inline-block;margin:0;padding:0}
.royui-w02{width:20%;display:inline-block;margin:0;padding:0}
.royui-w01{width:10%;display:inline-block;margin:0;padding:0}
.royui-title-right10{text-align:right;padding-right:15px}
.royui-title-right15{text-align:right;padding-right:15px}
.royui-title-right20{text-align:right;padding-right:15px}
.royui-title-right30{text-align:right;padding-right:15px}
.royui-row{width:100%;padding:10px 5px}
.royui-title{padding:15px 10px;border-top:4px solid #e7eaec;background-color:#FFFFFF}
.royui-title table{width:100%;border:none;border-spacing:0;border-collapse:unset}
.royui-content{padding:15px 20px;border-top:1px solid #e7eaec;background-color:#FFFFFF}
.royui-line-dashed{height:1px;border-top:1px dashed #e7eaec;margin:10px 0}
.royui-control{width:100%;height:32px;border:solid 1px #dbecec;text-indent:10px;outline:none;background-color:#FFFFFF}
.royui-control:focus{border-color:#a1d9f2}
.royui-textarea{width:100%;height:120px;border:solid 1px #dbecec;outline:none;resize:none;background-color:#FFFFFF}
.royui-textarea:focus{border-color:#a1d9f2}
.royui-xs {width:220px;height:26px;line-height:26px}
.royui-is-must{color:#ff0000;font-size:19px}
.royui-btn{border:solid 1px #c9c9c9;color:#6A6A6A;font-size: 14px;padding:0 12px;height:34px;line-height:34px;border-radius:5px;outline:none;display:inline-block;margin: 0 5px}
.royui-btn-xs{height:26px;line-height:26px;border-radius:3px}
.royui-btn-darkgreen{background-color:#1AB394;color:#FFFFFF;border-color:#1AB394}
.royui-btn-green{background-color:#00d95a;color:#FFFFFF;border-color:#00d95a}
.royui-btn-cyan{background-color:#36daef;color:#FFFFFF;border-color:#36daef}
.royui-btn-red{background-color:#ff44aa;color:#FFFFFF;border-color:#ff44aa}
.royui-btn-blue{background-color:#5365ff;color:#FFFFFF;border-color:#5365ff}
.royui-btn-darkblue{background-color: #1c84c6;color: #FFFFFF;border-color: #1c84c6}
.royui-btn-danger{background-color:#e67a2a;color:#FFFFFF;border:solid 1px #e67a2a}
.royui-btn-default{background-color:#c2c2c2;color:#FFFFFF;border:solid 1px #c2c2c2}
/*按钮样式*/
.roy-button{display:inline-block;border-radius:3px;margin:0 5px;border:1px solid transparent;padding:6px 12px;font-size:14px}
.roy-create{background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}
.roy-delete{background-color:#cd6699;border-color:#de6699;color:#FFFFFF}
.roy-modify{background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}
.roy-query{background-color:#1ab394;border-color:#1ab394;color:#FFFFFF}